﻿<!DOCTYPE html>
<html>
<head>
    <title>Active Development Environment</title>
    <!-- 
    Application and page settings.
    -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="pragma" content="no-cache" />
    <link rel="icon" href="Graphics/PageIcon32x32.png" sizes="32x32" />
    <link rel="icon" href="Graphics/PageIcon48x48.png" sizes="48x48" />
    <link rel="icon" href="Graphics/PageIcon64x64.png" sizes="64x64" />
    <link rel="icon" href="Graphics/PageIcon128x128.png" sizes="128x128" />
    <link rel="icon" href="Graphics/PageIcon256x256.png" sizes="256x256" />
    <!-- 
    Style sheets. 
    -->
    <link href="../Framework/BrowserApi.css" rel="stylesheet" type="text/css" />
    <link href="../../../Motion/User Interface/Fonts/Fonts.css" rel="stylesheet" type="text/css" />
    <link href="../Framework/CommonStyles.css" rel="stylesheet" type="text/css" />
    <link href="../../../Motion/User Interface/Framework/Toolbar/Toolbar.css" rel="stylesheet" type="text/css" />
    <link href="../Framework/Tree/Tree.css" rel="stylesheet" type="text/css" />
    <link href="Home.css" rel="stylesheet" type="text/css" />
    <!--  
    Application scripts.    
    -->
    <script src="../Framework/BrowserApi.js" type="text/ecmascript">
    </script>
    <script src="../DataStore/DataStoreClientApi.js" type="text/ecmascript">
    </script>
    <script src="../../../Motion/User Interface/Framework/Toolbar/Toolbar.js" type="text/ecmascript">
    </script>
    <script src="../Framework/Tree/Tree.js" type="text/ecmascript">
    </script>
    <script src="Home.js" type="text/ecmascript">
    </script>
    <script src="ToolbarItems.js" type="text/ecmascript">
    </script>
    <script type="text/ecmascript">

        window.history.forward();
        var ToolbarPlaceHolder = document.getElementById('ToolbarPlaceHolder')
        window.addEventListener('load', Initialize, false);

        function Initialize()
        {
            window.removeEventListener('load', Initialize, false);
            DataStoreClientApi.GetFolders("/", "OnGetFoldersCompleted");
        }

        // Update the folders tree when the call is complated.
        function OnGetFoldersCompleted(StartPath, Folders)
        {
            alert(StartPath);
        }



    </script>
</head>
<body style="overflow: hidden">
    <!-- 
    The document toolbar 
    -->
    <div id="ToolbarPlaceHolder">
    </div>
    <div style="position: absolute; left: 10px; top: 121px; -webkit-user-select: none;"> 
        <img src="../Framework/Tree/GraphicsAndIcons/CollapsedSign.png" />
        <img src="Graphics/folder.png" />
        Folder 2
        <br />
        &nbsp;&nbsp;
        <img src="Graphics/folder.png" />
        Folder 3
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;<img src="../Framework/Tree/GraphicsAndIcons/ExpandedSign.png" />
        <img src="Graphics/folder.png" />
        Folder 3.1
        <br />
        <img src="Graphics/folder.png" />
        Folder 4
    </div>
    <div style="position: absolute; left: 200px; top: 121px; -webkit-user-select: none;">
        <table>
            <tr>
                <td>
                    <img src="Graphics/binary-128.png" />
                </td>
                <td>
                    Binary File
                </td>
                <td>
                    <img src="Graphics/binary-128.png" />
                </td>
                <td>
                    xxx File
                </td>
                <td>
                    <img src="Graphics/binary-128.png" />
                </td>
                <td>
                    JAR File
                </td>
            </tr>
            <tr>
                <td>
                    <img src="Graphics/document-128.png" />
                </td>
                <td>
                    Document
                </td>
                <td>
                    <img src="Graphics/binary-128.png" />
                </td>
                <td>
                    CSS File
                </td>
                <td>
                    <img src="Graphics/binary-128.png" />
                </td>
                <td>
                    Java File
                </td>
            </tr>
            <tr>
                <td>
                    <img src="Graphics/empty-128.png" />
                </td>
                <td>
                    Unknown File
                </td>
                <td>
                    <img src="Graphics/binary-128.png" />
                </td>
                <td>
                    JS File
                </td>
                <td>
                    <img src="Graphics/binary-128.png" />
                </td>
                <td>
                    Text File
                </td>
            </tr>
            <tr>
                <td>
                    <img src="Graphics/font_type1-128.png" />
                </td>
                <td>
                    Font File
                </td>
                <td>
                    <img src="Graphics/binary-128.png" />
                </td>
                <td>
                    Active File
                </td>
                <td>
                    <img src="Graphics/binary-128.png" />
                </td>
                <td>
                    Html File
                </td>
            </tr>
            <tr>
                <td>
                    <img src="Graphics/image-128.png" />
                </td>
                <td>
                    Graphics File
                </td>
                <td>
                    <img src="Graphics/binary-128.png" />
                </td>
                <td>
                    Assembly File
                </td>
                <td>
                    <img src="Graphics/binary-128.png" />
                </td>
                <td>
                    xxx File
                </td>
            </tr>
        </table>
    </div>
</body>
</html>
